<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>{$seo.title}</title>
  <meta name="keywords" content="{$seo.keywords}" />
  <meta name="description" content="{$seo.description}" />
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

  <link href="{YUNYECMS_PUBLIC}plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" />
  <!-- Font Awesome -->
  <link rel="stylesheet" href="{YUNYECMS_UI}plugins/fontawesome-free/css/all.min.css"> <!-- Theme style -->
  <link rel="stylesheet" href="{YUNYECMS_UI}plugins/iCheck/all.css">
  <link rel="stylesheet" href="{YUNYECMS_UI}dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="{YUNYECMS_UI}dist/css/skins/_all-skins.min.css">
  <link href="{YUNYECMS_UI}plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="{YUNYECMS_UI}dist/css/plugins.css">
  <link rel="stylesheet" href="{YUNYECMS_UI}dist/css/member.css">
  <link rel="shortcut icon" href="{YUNYECMS_UI}dist/img/favicon.ico" />

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body class="hold-transition skin-green sidebar-mini fixed">
  <div class="wrapper">
    {tpl "left","member"}
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
      <!-- Content Header (Page header) -->
      <div class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
              <ol class="breadcrumb float-sm-left">
                <li class="breadcrumb-item" id="homeitem"><a href="{php echo url('member/member/index');}"
                    target="maincontent"> <i class="fa fa-home"></i>
                    首页</a></li>
                {loop name="breadcumb"}
                {if $i+1!=count($breadcumb)}
                <li class="breadcrumb-item"><a href="{$v.url}">{$v.title}</a></li>
                {else}
                <li class="breadcrumb-item active">{$v.title}</li>
                {/if}
                {/loop}
              </ol>
            </div>
            <div class="col-sm-6">
              {tpl "fast","member"}
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid" id="mainwrap">
        <!-- Main content -->
        <section class="content">
          <div class="row">
            <!-- left column -->
            <div class="col-md-12">

              <div class="card card-info card-outline">
                <div class="card-header">
                  <h3 class="card-title"> 修改密码 </h3>
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <form name=userinfoform id="userinfoform" class="form-horizontal" method="post"
                  action="{php echo url('member/member/pwd');}">
                  <div class="card-body">
                    <div class="form-group row">
                      <label for="inputusername" class="col-sm-2 control-label">用户名</label>
                      <div class="col-sm-5">
                        <div class="input-group">
                          <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fa fa-user"></i></span>
                          </div>
                          <input type="text" class="form-control" name="username" id="username"
                            value="{$member.username}" placeholder="请输入用户名或手机号码" disabled>
                        </div>
                      </div>
                      <div class="col-sm-5">
                        <span class="help-block"><span class="font_red14"> * </span></span>
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="inputpassword" class="col-sm-2 control-label">旧密码</label>
                      <div class="col-sm-5">
                        <div class="input-group">
                          <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fa fa-lock"></i></span>
                          </div>
                          <input type="password" name="oldpwd" class="form-control" id="oldpwd" placeholder="请输入旧密码">
                        </div>
                      </div>
                      <div class="col-sm-5">
                        <span class="help-block"><span class="font_red14"> * </span> 密码设置6位以上，且密码不能包含：$ & * # <> ' " / \
                            % ; 空格 </span>
                      </div>
                    </div>
                    <div class="form-group row">
                      <label for="inputpassword" class="col-sm-2 control-label">新密码</label>
                      <div class="col-sm-5">
                        <div class="input-group">
                          <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fa fa-lock"></i></span>
                          </div>
                          <input type="password" name="pwd" class="form-control" id="pwd" placeholder="请输入新密码">
                        </div>
                      </div>
                      <div class="col-sm-5">
                        <span class="help-block"><span class="font_red14"> * </span> 密码设置6位以上，且密码不能包含：$ & * # <> ' " / \
                            % ; 空格 </span>
                      </div>
                    </div>
                  </div>
                  <!-- /.box-body -->
                  <div class="card-footer">
                    <div class="form-group row">
                      <div class="col-sm-offset-2 col-sm-10">
                        <input type="hidden" name="id" id="id" value="{$member.id}">
                        <input type="hidden" name="token" id="token" value="{$token}">
                        <input type="hidden" name="yyact" id="yyact" value="edit">
                        <button type="submit" class="btn  bg-blue  btn-flat"> <i class="icon fa fa-edit"></i> 修 改
                        </button> &nbsp; &nbsp;
                        <button type="reset" class="btn btn-default btn-flat"> <i class="fa fa-undo"></i> 重 置 </button>
                      </div>
                    </div>
                  </div>
                  <!-- /.box-footer -->
                </form>
              </div>
            </div>
            <!--/.col (left) -->
          </div>
          <!-- /.row -->
        </section>
        <!-- /.content -->
      </div>

    </div>
    <!-- /.content-wrapper -->
    {tpl "foot","member"}

    <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->

  </div>
  <!-- ./wrapper -->

  <!-- jQuery 2.2.3 -->
  <script src="{YUNYECMS_UI}plugins/jQuery/jquery-3.6.1.min.js"></script>
  <!-- Bootstrap 3.3.6 -->
  <script src="{YUNYECMS_UI}bootstrap/js/bootstrap.min.js"></script>
  <!-- FastClick -->
  <script src="{YUNYECMS_UI}plugins/iCheck/icheck.min.js"></script>
  <!-- AdminLTE App -->
  <script type="text/javascript" src="{YUNYECMS_UI}validator/dist/js/bootstrapValidator.js"></script>
  <script src="{YUNYECMS_UI}dist/js/adminlte.js"></script>
  <script type="text/javascript">
    $(document).ready(function () {
      $('#userinfoform').bootstrapValidator({
        message: 'This value is not valid',
        //        live: 'disabled',
        feedbackIcons: {
          valid: 'glyphicon glyphicon-ok',
          invalid: 'glyphicon glyphicon-remove',
          validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
          oldpwd: {
            validators: {
              notEmpty: {
                message: '旧密码不能为空'
              }
            }
          },
          pwd: {
            validators: {
              notEmpty: {
                message: '新密码不能为空'
              }
              ,
              different: {
                field: 'oldpwd',
                message: '新密码不能和旧密码相同'
              }
            }
          },
        }
      });
    });
  </script>
  <script>
    $(function () {
      //iCheck for checkbox and radio inputs
      $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
        checkboxClass: 'icheckbox_minimal-blue',
        radioClass: 'iradio_minimal-blue'
      });
      //Red color scheme for iCheck
      $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
        checkboxClass: 'icheckbox_minimal-red',
        radioClass: 'iradio_minimal-red'
      });
      $('input[type="checkbox"].minimal-blue, input[type="radio"].minimal-blue').iCheck({
        checkboxClass: 'icheckbox_minimal-blue',
        radioClass: 'iradio_minimal-blue'
      });
      //Flat red color scheme for iCheck
      $('input[type="checkbox"].flat-blue, input[type="radio"].flat-blue').iCheck({
        checkboxClass: 'icheckbox_flat-blue',
        radioClass: 'iradio_flat-blue'
      });
    });
  </script>
</body>

</html>